<div class="experiments" ng-if="vm.project && !vm.isNotHavePermissions">
    <autorecovery kind="{{vm.stateData.tab.kind}}"
                  name="{{vm.project.name}}"
                  on-restore="vm.onRestore(recoveryData)">
    </autorecovery>
    <div class="tab-content-pad">
        <div>
            <div class="row m-b20">
                <div class="col-sm-6 col-xs-9">
                    <div class="row-inline">
                        <span class="txt-larger"><span i-translate="PROJECT_MEMBERS"></span>:</span>
                        <button ui-sref=".permissions()"
                                class="btn btn-default btn-small" ng-disabled="!vm.isEditAllowed">
                            <span class="icon icon-edit"></span>
                            <span class="m-l5" i-translate="EDIT"></span>
                        </button>
                        <button ui-sref=".permissions-view()" type="button"
                                class="btn btn-default btn-small">
                            <span class="icon icon-eye"></span>
                            <span class="m-l5" i-translate="VIEW_MEMBERS"></span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <form id="createProjectForm" name="createProjectForm" role="form" novalidate autocomplete="off">
        <div class="inner-tabs">
            <div class="simple-tab-content">
                <div class="row">
                    <div class="col-xs-12">
                        <simple-input>
                            <span i-translate="PROJECT_NAME"></span>
                            <input class="form-control"
                                   ng-attr-name="projectName"
                                   ng-required="!vm.project.name.trim()"
                                   type="text"
                                   ng-disabled="!vm.isEditAllowed"
                                   ng-model="vm.project.name">
                        </simple-input>
                        <simple-input>
                            <span i-translate="PROJECT_KEYWORDS"></span>
                            <input class="form-control"
                                   ng-disabled="!vm.isEditAllowed"
                                   ng-model="vm.project.keywords">
                        </simple-input>
                        <indigo-text-area indigo-label="Literature"
                                          indigo-readonly="!vm.isEditAllowed"
                                          indigo-model="vm.project.references">
                        </indigo-text-area>
                        <label i-translate="PROJECT_DESCRIPTION"></label>
                        <indigo-text-editor indigo-model="vm.project.description"
                                            indigo-name="projectDescription"
                                            indigo-readonly="!vm.isEditAllowed"
                                            on-changed="vm.onChanged()">
                        </indigo-text-editor>
                        <div class="m-t20">
                            <indigo-file-uploader upload-url="{{vm.apiUrl}}project_files"
                                                  indigo-readonly="!vm.isEditAllowed"
                                                  on-changed="vm.updateAttachments()">
                            </indigo-file-uploader>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <div class="btn-bottom-block tab-content-pad">
        <!--TODO: Task EPMLSOPELN-532: Functionality is temporarily removed-->
        <!--<div class="pull-left">-->
            <!--<button type="button" class="btn btn-default" ng-disabled="!vm.canUndo()" ng-click="vm.undoAction()">-->
                <!--<span class="icon icon-undo"></span><span class="m-l5">Undo Action</span>-->
            <!--</button>-->
            <!--<button type="button" class="btn btn-default" ng-disabled="!vm.canRedo()" ng-click="vm.redoAction()">-->
                <!--<span class="fa fa-redo"></span><span class="m-l5">Redo Action</span>-->
            <!--</button>-->
        <!--</div>-->
        <button class="btn btn-info" type="button"
                ng-disabled="!vm.isCreateChildAllowed || !vm.project.id"
                ui-sref="entities.notebook-new({parentId:vm.project.id})" i-translate="CREATE_NOTEBOOK">
        </button>
        <button class="btn btn-info" type="button" ng-click="vm.print()" i-translate="PRINT"></button>
        <button ng-click="vm.save()" form="createProjectForm"
                ng-disabled="!vm.isEditAllowed || createProjectForm.$invalid || vm.isSaving || !vm.isEntityChanged"
                class="btn btn-primary"><span class="icon icon-save"></span><span class="m-l5" i-translate="SAVE"></span>
        </button>
        <a class="btn btn-default" ng-click="vm.refresh()">
            <span class="icon icon-refresh"></span><span class="m-l5" i-translate="RESET"></span>
        </a>
        <button type="button" class="btn btn-default" onclick="window.history.back()">
            <span class="icon icon-undo"></span><span class="m-l5" i-translate="BACK"></span>
        </button>
    </div>
</div>
<div  class="access-notification" i-translate="ACCESS_DENIED" ng-if="vm.isNotHavePermissions"></div>
